<script setup lang="ts">
import {useFramePage} from "@/looks/framePage";
import FrameContent from "@/components/FrameContent.vue";

const frameData = useFramePage();
defineProps<{ show: boolean }>()

</script>

<template>
  <div class="frame">
    <h2>{{show ? '已添加' : '未添加'}}</h2>
    <ul>
      <li v-for="frame in frameData.data" :key="frame.id">
        <frame-content v-if="frame.checked === show" :data="frame"/>
      </li>
    </ul>
  </div>

</template>

<style scoped lang="scss">
</style>